//created by: Huiyi
Ext.define("MajorProjectSenchaTouch.view.CitationModule.Citation", {
    extend: 'Ext.Container',
    xtype: 'citationpage',
    id: 'citationView',
    // requires:[
        // 'Ext.Panel'
    // ],
    
    config:  {
	
		cls: 'backgroundRightArrowPanel',
        styleHtmlContent: true,
        layout: {
            fullscreen: true
        },
		 items:[
		 
		 
        {
            xtype: 'spacer',
            height: 10
        },
		
		
        {
            xtype: 'button',
            id: 'Citation1',
            text: '<div class="citation1">Why must i cite? </div>',
            action: 'citation1pdf',
            pressedCls:'mainbtnClicked1',
            iconAlign: 'right',
            iconCls: 'code3',
            iconMask: true
			
        },
        {
            xtype: 'button',
            id: 'Citation2',
            text: '<div class="citation2">APA citation style </div>',
            action: 'citation2pdf',
            pressedCls:'mainbtnClicked2',
            iconAlign: 'right',
            iconCls: 'code3',
            iconMask: true
			
        },
		{
            xtype: 'button',
            id: 'Citation3',
            text: '<div class="citation3">IEEE citation style </div>',
            action: 'citation3pdf',
            pressedCls:'mainbtnClicked3',
            iconAlign: 'right',
            iconCls: 'code3',
            iconMask: true
			
        }
        
      
        ]        
    }
});
